<html>
<head>

	<title>HOD-Modulo de sistema</title>

	<style type="text/css">
		#loading {
			position: absolute;
			left: 45%;
			top: 40%;
			padding: 2px;
			z-index: 20001;
			height: auto;
			border: 1px solid #ccc;
		}

		#loading a {
			color: #225588;
		}

		#loading .loading-indicator {
			background: white;
			color: #444;
			font: bold 13px tahoma, arial, helvetica;
			padding: 10px;
			margin: 0;
			height: auto;
		}

		#loading-msg {
			font: normal 10px arial, tahoma, sans-serif;
		}
	</style>
    <link rel="stylesheet" href="style.css">
    


</head>
<body>

<iframe id="__gwt_historyFrame" style="width:0;height:0;border:0"></iframe>

<!--add loading indicator while the app is being loaded-->
<div id="loading">
	<div class="loading-indicator">
		<img src="js/ext/resources/images/default/shared/large-loading.gif" width="32" height="32"
			 style="margin-right:8px;float:left;vertical-align:top;"/>HOD<br/>
		<span id="loading-msg">Loading styles and images...</span></div>
</div>

<!--include the Ext CSS, and use the gray theme-->
 <link rel="stylesheet" type="text/css" href="js/ext/resources/css/ext-all.css"/>
 <link id="theme" rel="stylesheet" type="text/css" href="themes/slate/css/xtheme-slate.css"/>

<script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Loading Core API...';</script>

<!--include the Ext Core API-->
<script type="text/javascript" src="js/ext/adapter/ext/ext-base.js"></script>

<!--include Ext -->
<script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Loading UI Components...';</script>
<script type="text/javascript" src="js/ext/ext-all.js"></script>

<!--include google visualization -->
<script type="text/javascript">
      //google.load("visualization", "1", {'packages' : ["table"] });
</script>

<!--include the application JS-->
<script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Initializing...';</script>
<script type="text/javascript" src="hod.nocache.js"></script>

<!--hide loading message-->
<script type="text/javascript">Ext.get('loading').fadeOut({remove: true, duration:.25});</script>
</body>
</html>
